<template>
    <van-sticky>
        <van-nav-bar title="我的订单" left-text="返回" left-arrow @click-left="onClickLeft" />
    </van-sticky>
    <van-search v-model="value" shape="round" background="#4fc08d" placeholder="请输入搜索关键词" />
    <div>
        <van-tabs v-model:active="active">
            <van-tab title="全部">
                <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
                <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
                <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
                <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
                <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
                <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
                <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
                <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
                <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
                <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
                    <van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
                        <van-cell v-for="item in list" :key="item" :title="item" />
                    </van-list>
                </van-pull-refresh>
            </van-tab>
            <van-tab title="代付款">代付款</van-tab>
            <van-tab title="代收款">代收款</van-tab>
            <van-tab title="已完成">已完成</van-tab>
        </van-tabs>
    </div>
</template>

<script setup>
import { ref } from 'vue';

const onClickLeft = () => history.back();
</script>

<style></style>